<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <meta name="apple-mobile-web-app-title" content="Amaze UI" />
  <title>对手信息管理</title>
  <link rel="stylesheet" href="../../../template/assets/css/amazeui.min.css"/>
  <link rel="stylesheet" href="../../../template/website/css/app.css"/>
  <style type="text/css">
  .border-radius {
    border-radius: 5px;
 }
 .item-background{
    background: #f3f2f1;
 }
</style>
</head>
<body>
  <div class="am-g am-padding-top">
    <div class="am-u-sm-3">
      <button class="am-btn am-btn-default am-btn-primary" id="add-btn"> <i class="am-icon-plus"></i>
        &nbsp;新增
      </button>
    </div>
    <div class="am-u-sm-9">
      <div class="am-form-group am-form-icon"> <i class="am-icon-search"></i>
        <input type="text" class="am-form-field am-input-xl" placeholder="查询" id="search" readonly></div>
    </div>
  </div>
  <div class="am-u-sm-12">
    <ul class="am-list am-list-static am-list-border" id="opponent-list">
      <script type="text/x-handlebars-template" id="amz-group-list">
           {{#if list}}
            {{#list}}
              <li class="am-g">
                <input name="opponent_id" type="hidden" value="{{PROD_ID}}" />
                <input name="operator" type="hidden" value="{{OPERATOR}}" />
                <input name="prod_type" type="hidden" value="{{PROD_TYPE}}" />
                <div name="opponent_name" class="am-text-truncate am-text-left am-text-sm">{{OPERATOR}}&nbsp;{{PROD_TYPE}}</div>
                <div name="opponent_time" class="am-text-truncate am-text-left am-text-xs">{{CREATE_TIME}}</div>
              </li>
           {{/list}}
          {{else}}
            <div id="no-content-msg" class="am-text-center">{{error}}</div>
          {{/if}}
          </script>
    </ul>
  </div>
  <!-- <div class="am-u-sm-12 am-topbar am-topbar-fixed-bottom am-padding-vertical-xs">
    <div class="am-text-xs am-text-center am-text-warning" id="search_content">查询条件：所有</div>
  </div> -->
  <div class="am-u-sm-12 am-hide am-text-xs am-text-center" id="loadingbar">
    <i class="am-icon-spinner am-icon-spin"></i>
    加载中，请稍候……
  </div>
  <div class="am-modal am-modal am-modal-confirm" tabindex="-1" id="search-modal">
    <div class="am-modal-dialog">
      <div class="am-modal-hd">查询条件</div>
      <div class="am-modal-hd">
        <select data-am-selected="{btnWidth: '100%', btnSize: 'sm'}" id="searchType" placeholder="请选择运营商">
          <option value="">请选择运营商</option>
          <option value="0">所有</option>
          <option value="2">电信</option>
          <option value="1">联通</option>
        </select>
      </div>
      <div class="am-modal-footer">
        <span class="am-modal-btn" data-am-modal-cancel>取消</span>
        <span class="am-modal-btn" data-am-modal-confirm id="search_btn">确定</span>
      </div>
    </div>
  </div>
  <div class="am-modal am-modal-no-btn" tabindex="-1" id="modal">
    <div class="am-modal-dialog">
      <div class="am-modal-hd">
        <i class="am-icon-refresh am-icon-spin"></i>
        <a href="javascript: void(0)" class="am-close am-close-spin" data-am-modal-close>&times;</a>
      </div>
      <div class="am-modal-bd">loading...</div>
    </div>
  </div>
  <script type="text/javascript" src="../../../template/assets/js/jquery.min.js"></script>
  <script type="text/javascript" src="../../../template/assets/js/amazeui.min.js"></script>
  <script type="text/javascript" src="../../../template/assets/js/handlebars.min.js"></script>
  <script type="text/javascript" src="../../../template/assets/js/amazeui.widgets.helper.min.js"></script>
  <script type="text/javascript" src="../../../template/website/js/app.js"></script>
  <script type="text/javascript" src="../../../template/admin/js/utils.js"></script>
  <script type="text/javascript" src="../../../template/website/js/goventerprise/esop/opponent_list.js"></script>
  <link rel="stylesheet" href="../../../template/assets/css/font-awesome.css"></body>
</html>